@import 'com/sass/_utils-wap';
@import 'compass/css3';
@import 'com/sass/_reset-wap';
$icon:sprite-map("stu/learnword/*.png",$spacing:10px);


$Color333: #333;
$Coloraaa: #aaa;

@mixin border-radius($radius){
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    border-radius: $radius;
}
a{text-decoration: none;}
a:hover{text-decoration: none; outline: none;}
.clear{clear: both;}
header{
    background: #3bb250;
    color:#fff;
    font-size: 0.85rem;
    border-bottom: #dcdcdc solid 1px;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    position: relative;
    #back{
        background:url('../../../../images/stu/white_back.png') no-repeat center;
        background-size:25px/$ppr 44px/$ppr;
        height: 1.1rem;
        width: 0.6rem;
        display: inline-block;
        position: absolute;
        left: 0.875rem;
        top: 0.75rem;
    }
}  
.page{
    width: 720px/$ppr;
    height: 1134px/$ppr;
    margin: 0 auto;
    background: url('../../../../images/stu/c1_bg.jpg') no-repeat top;
    background-size:720px/$ppr 1134px/$ppr;
}
.lw_tip{
    width:485px/$ppr;
    height: 633px/$ppr;
    margin:0 auto;
    .txt{
        font-size: 32px/$ppr;
        color: #ff6611;
        text-align: center;
        padding-top:400px/$ppr;
        p{
            margin-bottom: 24px/$ppr;
        }
    }
}
.btn_start{
    display:block;
    margin: 0 auto;
    width: 360px/$ppr;
    height: 80px/$ppr;
    background: #ff6418;
    border-radius:50px;
    text-align: center;
    line-height: 80px/$ppr;
    font-size: 36px/$ppr;
    color: #fff;
    margin-top:56px/$ppr;
    margin-bottom: 40px/$ppr;
}
.timer{
    width: 176px/$ppr;
    height: 215px/$ppr;
    position:absolute;
    top:450px/$ppr;
    left:50%;
    transform: translateX(-50%);
    img{
        width: 100%;
        height: 100%;
    }

}
.reading{
    background: url('../../../../images/stu/c2_bg.jpg') no-repeat top;
    background-size:720px/$ppr 1134px/$ppr;
}
.blue{
    background: #3ac2ab;
}